use dioxus::prelude::*;

#[component]
pub fn Settings() -> Element {
    rsx! {
        div { class: "p-6",
            h1 { class: "text-2xl font-semibold text-gray-900 dark:text-white", "设置" }
            div { class: "mt-6 space-y-4",
                div { class: "flex items-center justify-between p-4 bg-white dark:bg-gray-800 rounded-lg",
                    span { class: "text-gray-700 dark:text-gray-300", "深色模式" }
                    button { class: "px-4 py-2 bg-blue-600 text-white rounded-md", "切换" }
                }
            }
        }
    }
}